<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>举报-提交</title>
    <link rel="stylesheet" href="style/common.css"/>
    <link rel="stylesheet" href="style/report.css"/>
</head>
<body>

<!--start-->
<div class="techbook report">
    <!--head-->
    <div class="head head_about">
        <div class="top">
            <div class="wrap">
                <div class="fl">51TechBook.com，为技术而生！</div>
                <div class="fr">
                    <p class="fl">Hi，<a href="" class="username">张三</a><a href="" class="logout">[退出]</a></p>

                    <div class="fr topMenu">
                        <dl>
                            <dt>
                                <a href="">我的订单</a>
                            </dt>
                        </dl>
                        <dl class="more">
                            <dt>
                                <a href="">个人中心</a>
                            </dt>
                            <dd>
                                <a href="">个人信息</a><a href="">安全中心</a><a href="">收货地址</a><a href="">等待添加</a>
                            </dd>
                        </dl>
                        <dl class="cart">
                            <dt><a href="">购物车<i>16</i></a></dt>
                        </dl>
                        <dl class="more">
                            <dt>
                                <a href="">我是商家</a>
                            </dt>
                            <dd>
                                <a href="">我是商家</a>
                                <a href="">我是商家</a>
                                <a href="">我是商家</a>
                            </dd>
                        </dl>
                        <dl class="more">
                            <dt>
                                <a href="">客户服务</a>
                            </dt>
                            <dd>
                                <a href="">消费服务</a>
                                <a href="">商家服务</a>
                            </dd>
                        </dl>
                        <dl class="more">
                            <dt>
                                <a href="">更多</a>
                            </dt>
                            <dd>
                                <a href="">更多</a>
                                <a href="">更多</a>
                                <a href="">更多</a>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>

        <div class="bot">
            <div class="wrap">
                <div class="left fl">
                    <a href="" class="logo"><img src="img/front/about_logo.jpg" alt=""></a>
                </div>
                <div class="right fr">
                    <ul class="commitmentList"></ul>

                </div>
            </div>
        </div>

        <div class="nav">
            <div class="wrap">
                <div class="all_category_inner fl" id="all_category_inner"><div>全部图书分类</div></div>
                <div class="list fl">
                    <a href="">首页</a><a href="">预售</a><a href="">荐书</a>
                </div>
                <div class="fr free"><a href="">我要免费开店</a></div>
            </div>
        </div>

        <div class="menu wrap">
            <div class="list dn" id="menuList4inner">
                <dl>
                    <dt><a href="">编程与开发</a><i>/</i><a href="">操作系统</a></dt>
                    <dd>
                        <dl class="sub">
                            <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                            <dd>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a>
                            </dd>
                        </dl>
                        <dl class="sub">
                            <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                            <dd>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a>
                            </dd>
                        </dl>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="">编程与开发</a><i>/</i><a href="">操作系统</a></dt>
                    <dd>
                        <dl class="sub">
                            <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                            <dd>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a>
                            </dd>
                        </dl>
                        <dl class="sub">
                            <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                            <dd>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a>
                            </dd>
                        </dl>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="">编程与开发</a><i>/</i><a href="">操作系统</a></dt>
                    <dd>
                        <dl class="sub">
                            <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                            <dd>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a>
                            </dd>
                        </dl>
                        <dl class="sub">
                            <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                            <dd>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a>
                            </dd>
                        </dl>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="">编程与开发</a><i>/</i><a href="">操作系统</a></dt>
                    <dd>
                        <dl class="sub">
                            <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                            <dd>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a>
                            </dd>
                        </dl>
                        <dl class="sub">
                            <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                            <dd>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a>
                            </dd>
                        </dl>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="">编程与开发</a><i>/</i><a href="">操作系统</a></dt>
                    <dd>
                        <dl class="sub">
                            <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                            <dd>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a>
                            </dd>
                        </dl>
                        <dl class="sub">
                            <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                            <dd>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a>
                            </dd>
                        </dl>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="">编程与开发</a><i>/</i><a href="">操作系统</a></dt>
                    <dd>
                        <dl class="sub">
                            <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                            <dd>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a>
                            </dd>
                        </dl>
                        <dl class="sub">
                            <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                            <dd>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a>
                            </dd>
                        </dl>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="">编程与开发</a><i>/</i><a href="">操作系统</a></dt>
                    <dd>
                        <dl class="sub">
                            <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                            <dd>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a>
                            </dd>
                        </dl>
                        <dl class="sub">
                            <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                            <dd>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a>
                            </dd>
                        </dl>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="">编程与开发</a><i>/</i><a href="">操作系统</a></dt>
                    <dd>
                        <dl class="sub">
                            <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                            <dd>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a>
                            </dd>
                        </dl>
                        <dl class="sub">
                            <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                            <dd>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a><i>/</i>
                                <a href="">安全与加密</a>
                            </dd>
                        </dl>
                    </dd>
                </dl>
            </div>
        </div>

    </div>
    <!--head End-->

    <!--body-->
    <div class="body">
        <div class="wrap bgWhite">
            <div class="reportTop">
                <div><b>全网举报</b><i>/</i><span>WHLE NETWORK REPROT</span></div>
            </div>

            <div class="reportForm">
                <div class="tip">请您根据实际情况提交相关相应的举报材料，完毕后请点击页面底部的“提交举报”按钮。</div>
                <dl class="shop">
                    <dt><a><img src="img/example/user_150x150.jpg" alt=""/></a></dt>
                    <dd>
                        <p>商家ID：75157812112174515</p>
                        <p>商品名称：<a href="">多省包邮</a></p>
                        <p>被举报人：RREADFASDFASdf</p>
                    </dd>
                </dl>

                <dl class="dl type">
                    <dt><em>*</em><b>举报类型</b></dt>
                    <dd id="reportTypeList">
                        <span>商家承认售假</span><span class="curr">鉴定为假冒品牌</span><span>数码产品串号造价</span><span>盗版出版物</span><span>其他售假场景</span><span>冒用文号</span>
                    </dd>
                </dl>

                <dl class="dl desc">
                    <dt><em>*</em><b>举报描述：</b><em>请准确举报您的举报理由，以便客服及时作出判断</em></dt>
                    <dd>
                        <textarea onfocus="if('请说明您的举报原因和情况'==this.value)this.value='';">请说明您的举报原因和情况</textarea>
                        <p>还可输入<em>500</em>字</p>
                    </dd>
                </dl>

                <dl class="dl upload">
                    <dt><em>*</em><b>假货鉴定证书（报告）图片：</b></dt>
                    <dd>
                        <div>
                            <span>上传凭证：</span>
                            <button>本地上传</button>
                            <p>最多5张，每张超过5M，支持GIF,JPG,PNG,BMP格式</p>
                        </div>
                        <ul class="list">
                            <li><img src="img/example/user_150x150.jpg" alt=""/></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </dd>
                </dl>

                <dl class="dl code">
                    <dt><b>相关订单号：</b></dt>
                    <dd><input type="text" class="ipt" value="输入举报商品的相关订单号"/></dd>
                </dl>

                <input type="button" class="btn" value="提交举报"/>

            </div>

        </div>
    </div>
    <!--body End-->

    <!--foot-->
    <div class="foot">
        <div class="copyright">
            <p class="wrap">Copyright&nbsp;&copy;&nbsp;2013-2018&nbsp;武汉创远达信息技术有限公司版权所有&emsp;鄂ICP备14008188-1号</p>
        </div>
    </div>
    <!--foot End-->
</div>
<!--End-->
<script src="script/jquery.js"></script>
<script src="script/common.js"></script>
<script>
    $(function(){
        //举报类型选择
        $('#reportTypeList').on('click','span', function () {
            $(this).addClass('curr').siblings().removeClass('curr');
        });
    });
</script>
</body>
</html>